<template>
  <div class="body drawer">
    <el-drawer :title="form.title" :visible.sync="drawer" :direction="direction">
      <div class="t_c pad_r_20 color_9 fon_12">
        发布时间：{{form.createdAt}}
        <span class="mar_l20">发布人：管理员</span>
      </div>
      <div v-html="form.body" class="pad_20 drContent"></div>
    </el-drawer>
  </div>
</template>

<script>
export default {
  name: 'goodlistedit',
  created() {},
  data() {
    return {
      drawer: false,
      direction: 'rtl',
      form: {
        body: '',
        createdAt: '',
        introduction: '',
        title: ''
      },
      type: '',
      title: ''
    };
  },
  components: {},
  methods: {
    showEdit(row) {
      if (row) {
        this.form = Object.assign({}, row);
      }
      this.drawer = true;
    },
    close() {
      this.$refs['form'].resetFields();
      this.form = this.$options.data().form;
      this.dialogFormVisible = false;
    }
  }
};
</script>
<style lang="scss">
.drawer {
  .el-drawer {
    outline: none;
  }
  .el-drawer__title {
    outline: none;
  }
  .drContent {
    text-indent: 25px;
  }
  .el-drawer__header span {
    outline: none;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #303030;
  }
}
</style>
